import React from "react";
import { Link, } from "react-router-dom";
import styles from './App.module.css';

const App = () => {
  return (
    <div className="App">
      <div className = { styles.container }>
        <h3>新版生命周期</h3>
        <Link to = "/lifecycle">新版生命周期</Link>
      </div>
      <div className = { styles.container }>
        <h3>比较带和不带 pure 的 class 的行为</h3>
        <Link to = "/different-class-nonPure">不带 pure 的 class</Link>
      </div>
      <div className = { styles.container }>
        <h3>其它的知识点</h3>
        <Link to = "/other">Other</Link>
      </div>
      <div className = { styles.container }>
        <h3>学习 react-redux</h3>
        <Link to = "/studyRedux">studyRedux</Link>
      </div>
    </div>
  );
};

export default App;
